﻿@namespace MudBlazor
@inherits MudComponentBase;

<div @ref="_root" @attributes="UserAttributes" class="@Classname" style="@Style" @onkeydown="OnRootKeyDown" @onkeyup="OnRootKeyUp" @onfocus="OnRootFocusAsync" tabindex="-1">

    <div class="fixed pointer-events-none"
         tabindex="@TrapTabIndex"
         @onfocus="OnTopFocusAsync">
    </div>

    <div @ref="_firstBumper"
         class="fixed pointer-events-none"
         tabindex="@TrapTabIndex"
         @onfocus="OnBumperFocusAsync">
    </div>

    <div @ref="_fallback"
         class="fixed pointer-events-none"
         tabindex="-1">
    </div>

    <div tabindex="-1">
        @ChildContent
    </div>

    <div @ref="_lastBumper"
         class="fixed pointer-events-none"
         tabindex="@TrapTabIndex"
         @onfocus="OnBumperFocusAsync">
    </div>

    <div class="fixed pointer-events-none"
         tabindex="@TrapTabIndex"
         @onfocus="OnBottomFocusAsync">
    </div>

</div>